import $ from 'jquery'
$("#myUL>li:even").css("color", "green");
$("#myUL>li:odd").css("color", "red"); 

// 3.3 - 引入css文件
// 前端模块化开发, 每个文件都是模块, 需要使用必须import导入
// css-loader: webpack识别import引入css文件(处理打包css文件能力) -> 打包进js中
// style-loader: 把js里 CSS代码 插入到 DOM 中
import "./css/index.css"

// 3.4 - 引入less文件
import "./less/index.less"


// 3.5 - 处理图片文件
// url-loader: 用于将文件转换为 base64 URI打包进js中
// 计算机只认识0和1, 图片其实本质上就是0和1组合, 图片数据翻译成数字+字母的组合(base64)
// file-loader: 直接把文件输出到dist下
import imgObj from './assets/logo_small.png' // 小图
let theImg = document.createElement("img");
theImg.src = imgObj;
document.body.appendChild(theImg);

// 3.6 - 引入字体样式
import "./assets/fonts/iconfont.css"
let theI = document.createElement("i");
theI.className = "iconfont icon-qq";
document.body.appendChild(theI);